<head>
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize.css'}" />
<link rel="stylesheet" type="text/css" media="screen" href="@{'/public/javascripts/charting/css/visualize-custom.css'}" />
<script type="text/javascript" src="../../../public/javascripts/charting/js/visualize.jQuery.js"></script>
<script type="text/javascript" src="../../../public/javascripts/_shared/EnhanceJS/enhance.js"></script>	
<script type="text/javascript" src="../../../public/javascripts/charting/js/excanvas.js"></script>
</head>
<body>
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        oTable = $('.display').dataTable({
            "bJQueryUI": true,
            "sPaginationType": "full_numbers"
        });
    } );
</script>
<h1>Statistiques CIS ${cisObj.toString()}</h1>
<br />
<b>Nombre d'heures de formation : </b> ${s}
<br />
<b>Nombre d'heures formateur : </b> ${sForm}
#{if !stats.isEmpty()}
	<h2><center>total heures par agent et par th&eacute;matique</center></h2>
	<table class="display">
		<thead>
			<tr>
				<th>Th&eacute;matique</th>
				<th>Nom</th>
				<th>Pr&eacute;nom</th>
				<th>Grade</th>
				<th>Form&eacute;</th>
				<th>Formateur</th>
			</tr>
		</thead>
		<tbody>
			#{list items:stats, as:'stat'}
			<tr>
				<td>${stat.statistiques.get("thematique")}</td>
				<td><a href="#" onClick="window.open('@{FMPAs.imprimableAgent(stat.agent.id,annee)}')">${stat.agent.nom}</a></td>
				<td>${stat.agent.prenom}</td>
				<td>${stat.agent.grade}</td>
				#{if stat.statistiques.get("forme").equals("0 h 0 min")}<td class="attention">#{/if}
				#{else}<td>#{/else}
				${stat.statistiques.get("forme")}
				</td>
				#{if stat.statistiques.get("formateur").equals("0 h 0 min")}<td class="attention">#{/if}
				#{else}<td>#{/else}
				${stat.statistiques.get("formateur")}
				</td>
			</tr>
			#{/list}
		</tbody>
	</table>
	<br />
#{/if}
</body>